<template>
	<div class="webother">
		<header-nav></header-nav>
		<h2 class="webother-h2 tc">接口</h2>
		<div class="wrap-grids tc">
			<router-link :to="{path:'/delivery'}" class="wgrids-box">
				 <div class="wgrids-ico"><i class="fa fa-plane" aria-hidden="true" style="color: #3278e6;"></i></div>
				 <div class="wgrids-title">快递查询</div>
			</router-link>
			<router-link :to="{path:'/oil'}" class="wgrids-box">
				 <div class="wgrids-ico"><i class="fa fa-car" aria-hidden="true" style="color: #dc194c;"></i></div>
				 <div class="wgrids-title">今日油价</div>
			</router-link>
			<router-link :to="{path:'/idcard'}" class="wgrids-box">
				 <div class="wgrids-ico"><i class="fa fa-id-card-o" aria-hidden="true" style="color: #32a8cf;"></i></div>
				 <div class="wgrids-title">身份证查询</div>
			</router-link>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">星座运势</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">网络搜索</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">WIFI定位</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">base64转码</div>
			</a>
			
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">关键词提取</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">百度短网址</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">翻译</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">成语大全</div>
			</a>
			
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">彩票开奖</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">天天快报</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">鬼故事</div>
			</a>
			<a class="wgrids-box">
				 <div class="wgrids-ico"></div>
				 <div class="wgrids-title">新浪风云榜</div>
			</a>
		</div>
		<footer-nav v-bind:class="{'life':curr}"></footer-nav>
	</div>
</template>

<script>
	import HeaderNav from '../../components/header.vue'
	import FooterNav from '../../components/footer.vue'
	
	export default{
		components : {
			HeaderNav,
			FooterNav
		},
		data(){
			return{
				'curr':true
			}
		},
		mounted: function() {
		    document.getElementsByTagName("body")[0].className="bgfff"; 
		},
		beforeDestroy () {
		    document.getElementsByTagName("body")[0].className="";
		}
	}
</script>

<style scoped>
	.webother{width:100%;}
	.webother .webother-h2{ padding: .5rem 0; font-size: 1rem;}
</style>